﻿<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>婚礼优品-相册展示</title>
<link rel="stylesheet" href="<%=path %>/css/grid.css" />
<link rel="stylesheet" href="<%=path %>/css/style.css" />
<link rel="stylesheet" href="<%=path %>/css/index.css" />
<link rel="stylesheet" href="<%=path %>/css/photoShow.css" />
<link rel="stylesheet" href="<%=path %>/css/tiny-slider.css" />

<script type="text/javascript" src="<%=path %>/scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<%=path %>/scripts/index.js"></script>
<script type="text/javascript" src="<%=path %>/scripts/jquery.lazyload.js"></script>
<script type="text/javascript" src="<%=path %>/scripts/tiny-slider.js"></script>
<script type="text/javascript">

</script>
</head>

<body>
	<!-- nav start -->
     <%-- <div class="nav">
		
                 <div class="container_12 ">
			<div class="grid_12">
				<%@include file="/WEB-INF/web/common/header.jsp" %>
			</div>
		
		</div>
   
       </div>
 
     --%>
   <a href="<%=path %>/home">
    <%@include file="/WEB-INF/web/common/header.jsp" %>
   </a>
    <!-- nav end -->
    
    <!-- wrap start -->
    <div class="wrap">
    	<div class="container_12 menu">
        	<div class="grid_12">
				<div class="big-label">
					<a hidefocus="true" href="javascript:void(0)">婚礼/</a>
					<p class="voc-color-23">相册</p>
                    <input id="typestr" type="hidden" value="${typeStr }">

				</div>
				<div class="nav-menu">
					<a id="婚礼家" title="婚礼家" class="vocation-13 weddingist" onclick="showUserDiv();" href="<%=path %>/home?type=1" ></a>
					<a id="婚礼司仪" title="司仪" class="vocation-143 performance" onclick="showUserDiv();" href="<%=path %>/home?type=3" ></a>
					<a id="婚礼摄影" title="婚礼摄影" class="vocation-41 photographer" onclick="showUserDiv();" href="<%=path %>/home?type=4" ></a>
					<a id="婚礼摄像" title="婚礼摄像" class="vocation-23 cameraman" onclick="showUserDiv();" href="<%=path %>/home?type=5"></a>
					<a id="婚礼彩妆" title="婚礼彩妆" class="vocation-28 makeup" onclick="showUserDiv();" href="<%=path %>/home?type=2" ></a>				
					<a id="婚礼设计" title="设计" class="vocation-53 designer" onclick="showOtherDiv();" href="<%=path %>/other?type=6" ></a>
					<a id="婚礼视频" title="视频" class="vocation-94 video" onclick="showOtherDiv();" href="<%=path %>/other?type=7" ></a>
					<a id="婚礼道具" title="道具" class="vocation-71 props" onclick="showOtherDiv();" href="<%=path %>/other?type=8" ></a>
				        <a id="婚礼租车" title="租车" class="vocation-1 rentcar" onclick="showOtherDiv(); " href="<%=path %>/other?type=9" ></a>
					<a id="新闻" title="新闻" class="vocation-71 media" onclick="showOtherDiv();" href="<%=path %>/news/list" ></a>
				
				</div>
			</div>
        </div>
        <div class="clear"></div>
        
    	<div class="container_12">
			<div class="grid_12 outer">
				<%-- start --%>
				<ul id="slideshow">
					<s:iterator value="%{ photoList }" status="index">
					<li>
						<h3><s:property value="name"/></h3>
						<span><s:property value="url"/></span>
						<p></p>
						<a href="#"><img width="125" height="75" src="<s:property value="url"/>" alt="Orange Fish" /></a>
					</li>
					</s:iterator>
					<%--<li>
						<h3>Sea Turtle</h3>
						<span>photos/sea-turtle.jpg</span>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
						<img src="/thumbnails/sea-turtle-thumb.jpg" alt="Sea Turtle" />
					</li>
					<li>
						<h3>Red Coral</h3>
						<span>photos/red-coral.jpg</span>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
						<a href="#"><img src="/thumbnails/red-coral-thumb.jpg" alt="Red Coral" /></a>
					</li>
					<li>
						<h3>Coral Reef</h3>
						<span>photos/coral-reef.jpg</span>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
						<a href="#"><img src="/thumbnails/coral-reef-thumb.jpg" alt="Coral Reef" /></a>
					</li>
					<li>
						<h3>Blue Fish</h3>
						<span>photos/blue-fish.jpg</span>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
						<img src="/thumbnails/blue-fish-thumb.jpg" alt="Blue Fish" />
					</li>
					<li>
						<h3>TinySlideshow v.2</h3>
						<span>photos/yellow-fish.jpg</span>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
						<a href="#"><img src="/thumbnails/yellow-fish-thumb.jpg" alt="Yellow Fish" /></a>
					</li>
					<li>
						<h3>Squid</h3>
						<span>photos/squid.jpg</span>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
						<a href="#"><img src="/thumbnails/squid-thumb.jpg" alt="Squid" /></a>
					</li>
					<li>
						<h3>Small Fish</h3>
						<span>photos/small-fish.jpg</span>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
						<a href="#"><img src="/thumbnails/small-fish-thumb.jpg" alt="Small Fish" /></a>
					</li>
				--%>
				
				</ul>
				<div id="wrapper">
					<div id="fullsize">
						<div id="imgprev" class="imgnav" title="Previous Image"></div>
						<div id="imglink"></div>
						<div id="imgnext" class="imgnav" title="Next Image"></div>
						<div id="image"></div>
						<div id="information">
							<h3></h3>
							<p></p>
						</div>
					</div>
					<div id="thumbnails">
						<div id="slideleft" title="Slide Left"></div>
						<div id="slidearea">
							<div id="slider"></div>
						</div>
						<div id="slideright" title="Slide Right"></div>
					</div>
				</div>
				<%-- end  --%>
			</div>
			<div class="clear"></div>
			
			<div class="container_12 ad-container">
	      		<div class="grid_12">
	      			<%@include file="/WEB-INF/web/common/advertise.jsp" %>
	      		
	      		</div>
	       </div>
	       <div class="clear"></div>
	       
		</div>
    </div>
    <!-- wrap end -->
    
    <!-- footer start -->
    <div class="footer">
    	<div class="footer-content">
			<div class="container_12">
				<div class="grid_12">
					<%@include file="/WEB-INF/web/common/footer.jsp" %> 
				</div>
			</div>
		</div>
   		<div class="footer-bottom">
			<div class="container_12">
				<div class="grid_12">
					<div class="bottom-bg">
						<p>COPYRIGHT © 2009 - 2012 WEDDINGEE COMPANY.ALL RIGHTS RESERVED</p>
					</div>
				</div>
			</div>
		</div>
    </div>
    
    <!-- footer end -->
    <script type="text/javascript">
		
		$ts('slideshow').style.display='none';
		$ts('wrapper').style.display='block';
		var slideshow=new TINY.slideshow("slideshow");
		window.onload=function(){
			slideshow.auto=false;
			slideshow.speed=1;
			slideshow.imgSpeed=1;
			slideshow.link="linkhover";
			slideshow.info="information";
			slideshow.thumbs="slider";
			slideshow.left="slideleft";
			slideshow.right="slideright";
			slideshow.scrollSpeed=10;
			slideshow.spacing=5;
			slideshow.active="#fff";
			slideshow.init("slideshow","image","imgprev","imgnext","imglink");
		};

	</script>
</body>
</html>
